* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    position: relative;
    font-family: Arial, 'Microsoft YaHei', sans-serif;
    width: 100%;
    min-width: 1845px;
    height: 100%;
    background: url("../images/product/background.png") no-repeat;
}

.operation-box{
    position: absolute;
    /*top:76px;*/
    left: 82px;
    width: 72px;
}
.operation-box span{
    margin-bottom: 31px;
    display: block;
    width: 72px;
    height: 72px;
    background: url("../images/product/xz.png") no-repeat;
    cursor: pointer;
}
.operation-box span.b1{
    background-position: 0 0;
}
.operation-box span.b2{
    background-position: 0 -103px;
}
.operation-box span.b3{
    background-position: 0 -206px;
}

.content-box{
    margin: 77px auto 0 auto;
    width: 1508px;
    height: 699px;
    background: url("../images/product/main.png") no-repeat;
    zoom: 1;
    overflow: hidden;
}
.content-box .content{
    margin: 70px auto 0 auto;
    width: 1165px;
    height: 478px;
    zoom: 1;
    overflow: hidden;
}
.content-box .content .il{
    margin-right: 40px;
    /*float: left;
    display: block;*/
    width: 785px;
    height: 476px;
}
.content-box .text-box{
    width: 336px;
    float: left;
}
.content-box .text-box img{
    margin-bottom: 30px;
    display: block;
    width: 336px;
    height: 33px;
}
.content-box .text-box .text{
    width: 336px;
    font-size: 20px;
    color: #585858;
    line-height: 52px;
}

.carousel-box{
    margin: 70px auto 70px auto;
    width: 1625px;
    height:160px;
}
.carousel-box .al{
    float: left;
    margin-top: 55px;
    margin-right: 70px;
    width: 32px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/product/arrowleft.png") no-repeat;
}
.carousel-box .ar{
    float: right;
    margin-top: 55px;
    margin-left: 70px;
    width: 32px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/product/arrowright.png") no-repeat;
}
.carousel-box .img-box{
    position: relative;
    margin: 0;
    float: left;
    width: 1420px;
    height: 160px;
    zoom: 1;
    overflow: hidden;
}
.carousel-box .img-box .img-list{
    position: absolute;
    top: 0;
    left: 0;
    width: 1455px;
    height: 160px;
    zoom: 1;
    overflow: hidden;
}
.carousel-box .img-box .img-list li{
    margin-right: 35px;
    float: left;
    border: 3px solid #FFF;
    border-radius: 5px;
    width: 250px;
    height: 152px;
    list-style-type:none;
     display: inline-block;
}
.carousel-box .img-box .img-list li.on{
    border: 3px solid red;
 }

.carousel-box .img-box .img-list li img{
    width: 100%;
    height: 100%;
}